/**
 * 1.判断token是否存在
 * 2.如果存在 直接正常渲染
 * 3.如果不存在 重定向到登录路由
 * 
 * ************高阶组件***********
 * 概念:把一个组件当成另外一个组件的参数传入，然后通过一定的判断 返回新的租价
 * 
 */
import { getToken } from "@/utils"
import { Navigate } from "react-router-dom"
function AuthComponent ({ children }) {
  const isToken = getToken()
  if (isToken) {
    // children是高阶组件内部写的子组件
    return <>{children}</>
  } else {
    return <Navigate to="/login" replace></Navigate>
  }

}
export { AuthComponent }
// 使用时: <AuthComponent> <Layout/> </AuthComponent>
// 登录状态: <><Layout/></>
// 非登录状态:<Navigate to="/login" replace></Navigate>